<template>
  <van-cell
    :disabled="canDo"
    class="custom-van-cell"
    :style="bG"
  >
    <slot />
  </van-cell>
</template>

<script>
import disabled from '../mixins/setting/disabled'

export default {
  name: 'CustomVanCell',

  mixins: [disabled],

  props: {
    // 可操作
    canDo: {
      type: Boolean,
      default: () => false,
    },
  },
}
</script>

<style lang="scss" scoped>
.custom-van-cell {
  border: 1px solid #EDEDED;
  box-shadow: 0px 2px 4px #D6DDED;
  margin-bottom: 8px;
  background-color: $white-1;
}
</style>

<style lang="scss">
.custom-form-container {
  .van-cell::after {
    border-bottom-width: 0;
  }
}
</style>
